/*
globals
----------------------------
*/
body 
{
    height: 100%;
    width: 100%;
    margin:0;
    padding:0;
    font: 12px Arial;
    line-height: 20px;
    overflow-y: scroll;
    color:#333333;
    background: #e0e0da url("../images/g3master_repx4.png") repeat-x 0px -1100px
}
body.noscroll {
    overflow:hidden;
}
body.blank {
    background: transparent;
}

table { 
    font: 12px Arial;
    line-height: 20px;
    border-collapse: collapse;
}
div.clears, span.clears {
    clear: both;
}
.hidden {
    display: none;
}
form {
    margin: 0;
    padding: 0;
}
input {
    outline: none;
}
.hand {
    cursor: pointer;
    cursor: hand;
}
a {
    font-weight: bold;
    line-height: 20px;
    color: #0088CE;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}
a:hover {
    color: #12afff !important;
}
a.home {
    color: White;
}
a.home:hover {
    color: White !important;
}
a.hiddenlink {
    font-size: 0px;
    height: 0px;
    width: 0px;
    display: none;
}
a.arrowlink {
    padding-left: 8px;
    background: url('../images/arrow_right_transparent_4x8.png') no-repeat 0px 4px;
}
ul {
    list-style-type:none; 
}

ul.disc {
    list-style-type:disc; 
}
ul.disc ul 
{
    list-style-type: square;
}
img {
    border: none;
}
.center {
    text-align: center;
}
.justify {
    text-align: justify;
}
.nobg {   
    background: none !important;
}
sup {
    font: 6pt Arial;
    position: relative;
    top: 2px;
    top: 0px;
}
.focused
{
    border: 1px dotted #5E5E5E;
    margin: -1px;
}
span.reqvalidator div.box div.right
{
    font: bold 11px Arial !important;
    line-height: 20px !important;
    color: #000000 !important;	
    margin-left: 3px;
}
/*
layout
----------------------------
*/
div.main {
    width: 958px;
    margin: 0 auto;
    overflow: visible;
}
div.contentcontainer {
    margin: 30px 0px 0px 0px;
    width: 100%;
    height: auto;
    overflow: visible;
}
div.contentcontainer.small 
{
    margin: 10px 0px 0px 0px;
}
div.header {
    width: 100%;
    height: 111px;
    border-top: 1px solid #d7d7d0;
    border-left: 1px solid #d7d7d0;
    border-right: 1px solid #d7d7d0;
    position: relative;
    z-index: 999;
}
div.headtop {
    width: 100%;
    height: 80px;
    background-color: white;
    background-position: 0px -200px;
    line-height: normal !important;
}
div.headtop div.left {
    width: 5px;
    height: 5px;
    background-position: 0px 0px;
    float: left;
}
div.headtop div.right {
    width: 5px;
    height: 5px;
    background-position: 0px -20px;
    float: right;
}
div.headcontent {
    padding-top: 8px
}
div.footer {
    width: 960px;
    height: 20px;
    margin: 3px auto;
    font: 11px Arial;
    line-height: 20px;
}
div.footer div.left {
    width: 356px;
    float: left;
    padding: 0px 0px 0px 28px;
    color: #5e5e5e;
}
div.footer div.left a {
    color: #5e5e5e;
    font-weight: normal;
}
div.footer div.right {
    width: 550px;
    float: right;
    text-align: right;
    padding: 0px 26px 0px 0px;
    color: #6ba8da;
}
div.footer div.right a {
    color: #6ba8da;
    font-weight: normal;
}
span#facebookfan {
    vertical-align: bottom;
    vertical-align: auto;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    line-height: 23px;
}
span#followtwitter {
    vertical-align: bottom;
    vertical-align: auto;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    line-height: 23px;
}
div.content {
    width: 100%;
    padding-bottom: 1px;
    border-left: 1px solid #e0e0da;
    border-right: 1px solid #e0e0da;
    background-color: #FFFFFF;
}
div.contentbottom {
    border-bottom: 1px solid #d8d8d4;
    background-color: #FFFFFF;
    height: 6px;
    margin-top: -1px;
}
div.contentbottom div.left {
    width: 7px;
    height: 7px;
    background-position: 0px -40px;
    float: left;
    position: relative;
}
div.contentbottom div.right {
    width: 7px;
    height: 7px;
    background-position: 0px -60px;
    float: right;
    position: relative;
    left: 2px;
}

/*
topmenu
----------------------------
*/
div.headmenu {
    width: 100%;
    height: 31px;
    max-height: 31px;
    background-color: #2192CC;
    background-position: 0px -110px;
    line-height: normal;
}
div.headmenu #menu li {
    display: block;
    float: left;
    position: relative;
    z-index: 100;
    border-left: 1px solid #1090D0;
    cursor: pointer;
    height: 31px;
}
div.headmenu #menu li.first {
    border-left: 0;
}
div.headmenu #menu li span a, div.headmenu #menu li span a:visited {
    display: block;
    float: left;
    font: bold 13px Arial;
    letter-spacing: 0px;
    color: #FFFFFF; 
    padding: 7px 21px 0px 21px; 
    height: 24px;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap;
}
div.headmenu #menu li a:hover,
div.headmenu #menu li:hover span a, 
div.headmenu #menu li a:hover span a, 
div.headmenu #menu li span a:hover,
div.headmenu #menu li:hover
{
    color: #FFFFFF !important;
    background-color: #1A7AB0;
}
div.headmenu #menu dl {
    position: absolute;
    top: 31px;
    left: 0px;
    margin: 0;
    padding: 0;
    background-color: #1A7AB0;
}
div.headmenu #menu dd {
    display: none; 
    clear: left;
    margin: 0; 
    padding: 0; 
    color: #FFFFFF; 
    text-align: left;
}
div.headmenu #menu dd a, div.headmenu #menu dd a:visited {
    white-space: nowrap;
    font: 9pt Arial;
    border-top: dotted 1px #2F90BB;
    color: #FFFFFF;
    display: block;
    padding: 2px 10px 3px 10px;
    padding: 2px 10px 3px 21px;
}
div.headmenu #menu dd a sup {
    font: 6pt Arial;
    position: absolute;
    top: auto;
}
div.headmenu #menu li:hover dd, div.headmenu #menu li a:hover dd {
    display: block;
}
div.headmenu #menu li dl dd a:hover {
    background-color: #016290;
    color: #FFFFFF !important;
}
div.headmenu #menu dd.sepa a {
    border-top: solid 1px #FFFFFF;
}
div.headmenu #menu, div.headmenu #menu2 {
    list-style-type: none; 
    padding: 0;
    margin: 0;
}
div.headmenu #menu2 {
    text-align: right;    
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline;    
    float: right;
}
div.headmenu #menu2 li {
    height: 31px;
}
div.headmenu #menu2 li a {
    white-space: nowrap;
    font: bold 9pt Arial;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline;    
    padding: 0px 22px;
    line-height: 31px;
}
div.headmenu #menu2 li a, x:-moz-any-link {
    display: -moz-inline-block;
}
div.headmenu #menu2 li:hover a, div.headmenu #menu2 li a:hover {
    background: #1a7ab0;
    color:#FFFFFF !important;
}
/*ie6 menufix*/
div.headmenu #menu li:hover dl iframe.hidefrm {
    display: block;
    position: absolute;
}
div.headmenu iframe.hidefrm {
    display: none;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/*
top logo
----------------------------
*/
div.logo {
    padding: 6px 0px 0px 25px;
    float: left;
}
div.logo div {float: left}
div.logo div.tagline {width: 116px; height: 20px; background-position: 0px -440px; margin: 20px 0px 0px 2px}
/*
top box (flexible width)
----------------------------
*/

span.roundbox_h {
    /*inline-block all browser*/
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline;
}
span.roundbox_h span.middle {
    background-position: 0px -30px;
    height: 35px;
    float: left;
    padding: 7px 5px 0px 5px;
    color: #333333;
    background-color: #F4F4F4;
    white-space: nowrap;
    font: 11px Arial;
}
span.roundbox_h span.middle div {
    background-position: -20px -19px; width: 11px; height: 11px; float: left; margin: 0px 5px 0px 0px
}

span.roundbox_h span.left {
    display: inline-block;
    display: -moz-inline-stack;
    zoom:1;
    display:inline;
    width: 5px;
    height: 42px;
    background-position: -20px -120px;
    float: left;
}
span.roundbox_h span.right {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline;
    width: 5px;
    height: 42px;
    background-position: -40px -120px;
    float: left;
}
span.roundbox_hr {
    /*inline-block all browser*/
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    display:inline;
    margin-bottom: -12px;
}
span.roundbox_hr span.middle {
    background-position: 0px -290px;
    height: 41px;
    float: left;
    padding: 7px 5px;
    color: #d80808;
    width: 185px;

    line-height: normal;
    font: normal 11px Arial;
}
span.roundbox_hr span.left {
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    display:inline;
    width: 4px;
    height: 55px;
    background-position: -60px -380px;
    float: left;
}
span.roundbox_hr span.right {
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    display:inline;
    width: 4px;
    height: 55px;
    background-position: -80px -380px;
    float: left;
}
span.roundbox_h span.middle img {
    margin-right: 5px;
}
span.roundbox_h span.middle strong {
    font: bold 11pt Arial;
    color: #4084db;
}
div.headcontent span.roundbox_h, div.headcontent span.roundbox_hr {
    float: right;
    margin-right: 15px;
}
div.headerlnk 
{
    font: 11px Arial;
}
div.headerlnk a
{
    color: #0088CE;
    text-decoration: none;
    line-height: normal
}
div.headcontent div.headertitle {
    float: right;
    height: 31px;
    font-size: 24px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    padding-top: 15px;
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    display:inline;
}
/*
top language selector
----------------------------
*/
/*ie6 langbox fix*/
iframe#lnghidefrm {
    display: block;
    position: absolute;
    margin: 0px 0px 0px -450px;
    z-index: 9998;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
div.headcontent div#langselhasjs {
    float: right;
    padding-right: 15px;
    padding-top: 16px;
    width: 170px;
}
div.headcontent div.langselmap {
    margin-top: 0px;
}
div#langsel div.left, div#langsel div.left_open {
    width: 4px;
    height: 26px;
    background-position: -20px -80px;
    float: left;
}
div#langsel div.right, div#langsel div.right_open {
    width: 4px;
    height: 26px;
    background-position: -40px -80px;
    float: right;
}
div#langsel div.middle, div#langsel div.middle_open {
    width: 162px;
    height: 26px;
    background-color: #F4F4F4;
    background-position: 0px 0px;
    float: left;
}
div#langsel ul {
    list-style-type:none; 
    padding:0;
    margin: 0;
}
div#langsel ul li {
    display: block;
    float: left;
    width: 162px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
div#langsel ul li span {
    display:block;
    padding: 0px 4px;
    font: 9pt Arial;
    height: 20px;
    line-height: 20px;
    color: #333333;
    float: left;
    width: 134px;
    border-right: 1px solid #d4d4d4;
    margin-top: 3px;
}
div#langsel ul li .downarrow {
    font-size: 6px;
    position: relative; top: 11px; left: 8px;
    width: 6px; height: 3px;
    float: left;
    background: url("../images/g3master_norep6.png") no-repeat -20px 0px;
}
div.landingtitle {
    float: right;
    margin: 6px 15px 0px 0px;
    width: 750px;
    text-align: right;
}
span.landingtitle {
    font-size: 20pt;
    font-family: Arial;
}
/*
map language selector
----------------------------
*/
div.langbox 
{
    display: none;
    width: 450px; 
    height: 344px;
    margin: 0px 0px 0px -239px;
    position: absolute;
    z-index: 9999;
    white-space: nowrap;
}
div.langbox.open
{
    display: block;
}
div.langbox div.choosetext 
{
    width: 100% !important;	height: 27px !important;
    margin: 0px; padding: 0px;
    font: bold 9pt Arial;
    background: none !important;
    line-height: 27px;
    cursor: pointer;
    white-space: nowrap;
}
div.langbox div.left
{
    width: 5px;	height: 100%;
    margin: 0px; padding: 0px;
    float: left;
    background-position: -60px 0px;
}
div.langbox div.right
{
    width: 24px; height: 100%;
    margin: 0px; padding: 0px;
    float: left;
    background-position: -70px 0px;
}
div.langbox div.middle
{
    width: 380px; height: 100%;
    margin: 0px; padding: 0px;
    float: left;
    background-position: 0px -380px;
}
div.langbox table.selectmap 
{
    margin: 10px 0px 0px 11px;
    list-style-type: none;
    line-height: 25px;
    font-size: 11px;
}
div.langbox table.selectmap div 
{
    width: 130px; overflow: hidden; text-overflow: ellipsis
}
div.langbox table.selectmap a
{
    display: block;
    margin: -2px 0px 3px 10px; padding: 0px;
    line-height: normal;
    white-space: nowrap;
    font: bold 11px Arial;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
boxes
----------------------------
*/
/*simple box*/
div.box {
    margin: 0 auto;
    height: 100%;
    padding: 0;
    font: 12px Arial;
    line-height: 16px;
}
div.box span.text {
    font: 12px Arial;
    line-height: 12px;
}
div.box div.topcorners {
    height: 3px;
    background: url('../images/whiteinputtopleft_3x3.gif') top left no-repeat;
    padding-left: 3px;
}
div.box div.topcorners div {
    height: 3px;
    background: url('../images/whiteinputtopright_3x3.gif') top right no-repeat;
    padding-right: 3px;
}
div.box div.topcorners div div {
    height: 2px;
    background: #efefef;
    border-top: solid 1px #e2e5e7;
    overflow: hidden;
}
div.box div.middle div.left {
    height: 100%;
    background: none;
    background-color:  #efefef;
    border-left: solid 1px #e2e5e7;

    float: none !important;
}
div.box div.middle div.left div.right {
    background: none;
    background-color:  #efefef;    
    padding: 0px;
    border-right: solid 1px #e2e5e7;

    float: none !important;    
}
div.box div.bottomcorners {
    height: 3px;
    background: url('../images/whiteinputbottomleft_3x3.gif') no-repeat left top;
    padding: 0px 0px 0px 3px;
    overflow: hidden;
}
div.box div.bottomcorners div {
    height: 3px;
    background: url('../images/whiteinputbottomright_3x3.gif') no-repeat right top;
    padding: 0px 3px 0px 0px;
}
div.box div.bottomcorners div div {
    height: 2px;
    background: #efefef;
    border-bottom: solid 1px #e2e5e7;
}



/*simple bordered box*/
div.box.bordered div.topcorners {
    background: url('../images/grayboxtopleft_3x3.png') top left no-repeat;
}
div.box.bordered div.topcorners div {
    background: url('../images/grayboxtopright_3x3.png') top right no-repeat;
}
div.box.bordered div.topcorners div div {
    background: url('../images/grayboxtop_100x3.png') repeat-x;
    height: 3px;
    border: none;
}
div.box.bordered div.middle div.left {
    background: #ededed url('../images/grayboxleft_3x50.png') repeat-y;
    border: none;
    padding: 0px 0px 0px 3px;
}
div.box.bordered div.middle div.left div.right {
    background: url('../images/grayboxright_3x50.png') repeat-y top right;
    border: none;
    padding: 0px 3px 0px 0px;
}
div.box.bordered div.bottomcorners {
    background: url('../images/grayboxbottomleft_3x3.png') top left no-repeat;
}
div.box.bordered div.bottomcorners div {
    background: url('../images/grayboxbottomright_3x3.png') top right no-repeat;
}
div.box.bordered div.bottomcorners div div {
    background: url('../images/grayboxbottom_100x3.png') repeat-x;
    height: 3px;
    border: none;
}

/*darkgray bordered box*/
div.box.darkgray div.topcorners {
    height: 4px;
    padding-left: 4px;
    background: url('../images/darkgraytopleft_4x4.png') top left no-repeat;
}
div.box.darkgray div.topcorners div {
    height: 4px;
    padding-right: 4px;
    background: url('../images/darkgraytopright_4x4.png') top right no-repeat;
}
div.box.darkgray div.topcorners div div {
    background: url('../images/darkgraytop_100x4.png') repeat-x;
    height: 4px;
    border: none;
}
div.box.darkgray div.middle div.left {
    background: #ababab url('../images/darkgrayleft_4x100.png') repeat-y;
    border: none;
    padding: 0px 0px 0px 4px;
}
div.box.darkgray div.middle div.left div.right {
    background: url('../images/darkgrayright_4x100.png') repeat-y top right;
    border: none;
    padding: 0px 4px 0px 0px;
}
div.box.darkgray div.bottomcorners {
    height: 4px;
    padding: 0px 0px 0px 4px;
    background: url('../images/darkgraybottomleft_4x4.png') top left no-repeat;
}
div.box.darkgray div.bottomcorners div {
    height: 4px;
    padding: 0px 4px 0px 0px;
    background: url('../images/darkgraybottomright_4x4.png') top right no-repeat;
}
div.box.darkgray div.bottomcorners div div {
    background: url('../images/darkgraybottom_100x4.png') repeat-x;
    height: 4px;
    border: none;
}

div.nottranslated
{
    width: 115px;
    margin: 0;
    top: 141px;
    margin-left: 965px;
    position: absolute;
}

div.nottranslated div.box div.middle
{
    color: #fff;
    font: bold 8pt Arial !important;
}

/*red validator box*/
div.box.validator.red div.topcorners {
    background: url('../images/errtopleft_3x3.gif') top left no-repeat;
}
div.box.validator.red div.topcorners div {
    background: url('../images/errtopright_3x3.gif') top right no-repeat;
}
div.box.validator.red div.topcorners div div {
    background: url('../images/errtop_100x3.gif') repeat-x;
    height: 3px;
    border: none;
}
div.box.validator.red div.middle div.left {
    background: #fff2f2 url('../images/errleft_3x100.gif') repeat-y;
    border: none;
    padding: 0px 0px 0px 3px;
}
div.box.validator.red div.middle div.left div.right {
    background: url('../images/errright_3x100.gif') repeat-y top right;
    border: none;
    padding: 0px 3px 0px 0px;
    font: bold 11px Arial;
    color: #d80808;
}
div.box.validator.red div.bottomcorners {
    background: url('../images/errbottomleft_3x3.gif') top left no-repeat;
}
div.box.validator.red div.bottomcorners div {
    background: url('../images/errbottomright_3x3.gif') top right no-repeat;
}
div.box.validator.red div.bottomcorners div div {
    background: url('../images/errbottom_100x3.gif') repeat-x;
    height: 3px;
    border: none;
}



/*contact support bordered box*/
#support-tab div.box div.topcorners {
    background: url('../images/graywhitetopleft_3x3.gif') top left no-repeat;
}
#support-tab div.box div.topcorners div {
    background: url('../images/graywhitetopright_3x3.gif') top right no-repeat;
}
#support-tab div.box div.topcorners div div {
    background: none;
}
#support-tab div.box div.bottomcorners {
    background: url('../images/graywhitebottomleft_3x3.gif') top left no-repeat;
}
#support-tab div.box div.bottomcorners div {
    background: url('../images/graywhitebottomright_3x3.gif') top right no-repeat;
}
#support-tab div.box div.bottomcorners div div {
    background: none;
}
#support-tab div.box div.topcorners div div {
    border-top: solid 1px #e7e7e7;
    background-color:  #ffffff;
}
#support-tab div.box div.middle div.left {
    background-color:  #ffffff;
    border-left: solid 1px #e7e7e7;
    font: 9pt Arial;
}
#support-tab div.box div.middle div.left div.right {
    background-color:  #ffffff;
    border-right: solid 1px #e7e7e7;
}
#support-tab div.box div.bottomcorners div div {
    border-bottom: solid 1px #e7e7e7;
    background-color:  #ffffff;
}
#support-tab  {
    height: 244px
}

#support-tab .white 
{
    background-color: #efefef !important;
}
#support-tab .first 
{
    background-color: #dddddd !important;
}
#support-tab div.box div.middle div.left div.right div
{
    padding: 1px 3px 1px 3px !important;
    background: none !important;
}
/*gray bordered white box*/
div.box.graywhite div.topcorners {
    background: url('../images/graywhitetopleft_3x3.gif') top left no-repeat !important;
}
div.box.graywhite div.topcorners div {
    background: url('../images/graywhitetopright_3x3.gif') top right no-repeat !important;
}
div.box.graywhite div.topcorners div div {
    background: none !important;
}
div.box.graywhite div.bottomcorners {
    background: url('../images/graywhitebottomleft_3x3.gif') top left no-repeat !important;
}
div.box.graywhite div.bottomcorners div {
    background: url('../images/graywhitebottomright_3x3.gif') top right no-repeat !important;
}
div.box.graywhite div.bottomcorners div div {
    background: none !important;
}
div.box.graywhite div.topcorners div div {
    border-top: solid 1px #e7e7e7 !important;
    background-color:  #ffffff !important;
}
div.box.graywhite div.middle div.left {
    background: none !important;
    background-color:  #ffffff !important;
    border-left: solid 1px #e7e7e7 !important;
    font: 9pt Arial;
}
div.box.graywhite div.middle div.left div.right 
{
    background: none !important;
    background-color:  #ffffff !important;
    border-right: solid 1px #e7e7e7 !important;
}
div.box.graywhite div.middle div div
{
    background: none !important;
}
div.box.graywhite div.bottomcorners div div {
    border-bottom: solid 1px #e7e7e7 !important;
    background-color:  #ffffff !important;
}
/* 
Popup Box 
*/

div.box.popup div.topcorners {
    background: url('../images/popupboxtopleft.png') top left no-repeat;
}
div.box.popup div.topcorners div {
    background: url('../images/popupboxtopright.png') top right no-repeat;
}
div.box.popup div.topcorners div div {
    background: none;
}
div.box.popup div.bottomcorners {
    background: url('../images/popupboxbottomleft.png') top left no-repeat;
}
div.box.popup div.bottomcorners div {
    background: url('../images/popupboxbottomright.png') top right no-repeat;
}
div.box.popup div.bottomcorners div div {
    background: none;
}
div.box.popup div.topcorners div div {
    border-top: solid 1px #e7e7e7;
    background-color:  #EBF4F9;
}
div.box.popup div.middle div.left {
    background-color:  #EBF4F9;
    border-left: solid 1px #e7e7e7;
    font: 9pt Arial;
}
div.box.popup div.middle div.left div.right {
    background-color:  #EBF4F9;
    border-right: solid 1px #e7e7e7;
}
div.box.popup div.bottomcorners div div {
    border-bottom: solid 1px #e7e7e7;
    background-color:  #EBF4F9;
}
div.box.popup div.right div
{
    position: relative;
}
div.box.popup div.right div input.x 
{
    right: 0;
    position: absolute;
    margin: 10px;
    z-index: 100;
}
div.box.popup div.right div div.textbox
{
    padding: 13px 15px;
}

div.box.popup div.right div div.textbox h1
{
    margin-top: -6px;
    margin-bottom: 12px;
}

div.box.popup div.right div div.textbox p
{
    font-size: 12px;
}
div.box.popup div.right div ul
{
    list-style-type: disc;      
    padding-left:18px;
    margin-left: 5px;
}

div.box hr, div.tabpanel hr
{
    height: 1px;
    border: none;
    color: #cbcbcb;
    background-color: #cbcbcb;
    border: 0px solid #f9f9f9;
}

/* popup bg stye */ 

.popup_background 
{
    background-color: Black;
    filter: alpha(opacity = 70);
    opacity: 0.7;
}

/*
todo: fix button
*/
div.whitebox div.topcorners {
    padding-left: 3px;
    height: 3px;
    background: url('../images/whiteboxtopleft_3x3.gif') no-repeat top left;
    overflow: hidden;
}
div.whitebox div.topcorners div {
    padding-right: 3px;
    height: 3px;
    background: url('../images/whiteboxtopright_3x3.gif') no-repeat top right;
}
div.whitebox div.topcorners div div {
    height: 3px;
    background: url('../images/whiteboxtop_100x3.gif') repeat-x;
}
div.whitebox div.middle {
    padding-left: 3px;
    background: #f1f5f9 url('../images/whiteboxleft_3x50.gif') repeat-y top left;
}
div.whitebox div.middle div {
    background: url('../images/whiteboxright_3x50.gif') repeat-y top right;
    padding: 4px 7px 4px 6px;
}
div.whitebox div.bottomcorners {
    padding-left: 3px;
    height: 3px;
    background: url('../images/whiteboxbottomleft_3x3.gif') no-repeat top left;
}
div.whitebox div.bottomcorners div {
    padding-right: 3px;
    height: 3px;
    background: url('../images/whiteboxbottomright_3x3.gif') no-repeat top right;
}
div.whitebox div.bottomcorners div div {
    height: 3px;
    background: url('../images/whiteboxbottom_100x3.gif') repeat-x;
}
/*
buttons & inputs
----------------------------
*/
span.button {
    display:inline-block;
    display:-moz-inline-block;
    zoom:1;
    display:inline;
}
span.button, x:-moz-any-link {
    display:-moz-inline-box;
}
span.button span.left {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline;
    float: left;
    width: 10px;
    height: 24px;
    background: url("../images/g3master_norep6.png") no-repeat -20px -320px;
}
span.button span.right {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline;
    float: left;
    width: 10px;
    height: 24px;    
    background: url("../images/g3master_norep6.png") no-repeat -40px -320px;
}
span.button span.middle {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline;
    float: left;
    height: 24px;
    padding: 0;
    background: url("../images/g3master_repx4.png") repeat-x -0px -80px;
    -behavior: url('../css/iepngfix.htc');
}
span.button input, span.button button, span.button a {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    color: white;
    height: 24px;
    font: bold 12px/24px Arial;
    cursor: pointer;
    white-space: nowrap;
}
span.button input, span.button button {
    position: relative; top: -1px;
}
span.button button 
{
    white-space: normal;
    padding: auto 0;
}
span.button a 
{
    margin-top: 0px;
    line-height: 24px !important;
}

span.button.disabled span.left {
    background: url('../images/grayd_left_10x24.png') no-repeat top left;
}
span.button.disabled span.right {
    background: url('../images/grayd_right_10x24.png') no-repeat top right;
}
span.button.disabled span.middle {
    background: url('../images/grayd_100x24.png') repeat-x;
}

span.button.mycomp span.left {
    background: url('../images/mycnv_left_4x24.png') no-repeat;
}
span.button.mycomp span.right {
    background: url('../images/mycnv_right_4x24.png') no-repeat;
}
span.button.mycomp span.middle {
    background: url('../images/mycnv_middle_100x24.png') repeat-x;
    padding: 0;
}
span.button.mycomp a 
{
    color: #0088ce;
}

span.button.big span.left {
    height: 28px;
    background: url("../images/g3master_norep6.png") no-repeat -60px -460px;
    width: 10px
}
span.button.big span.right {
    height: 28px;    
    background: url("../images/g3master_norep6.png") no-repeat -80px -460px;
    width: 10px
}
span.button.big span.middle {
    height: 28px;    
    background: url("../images/g3master_repx4.png") repeat-x 0 -950px;
}
span.button.big input, span.button.big button {
    line-height: 28px !important;
    height: 28px !important;
}
span.button.gray span.left {
    height: 28px;
    background: url('../images/gray_left_10x28.png') no-repeat top left;
}
span.button.gray span.right {
    height: 28px;    
    background: url('../images/gray_right_10x28.png') no-repeat top right;
}
span.button.gray span.middle {
    height: 28px;    
    background: url('../images/gray_100x28.png') repeat-x;
}
span.button.gray input, span.button.gray button {
    line-height: 28px;
    height: 28px;
}
span.button.graysmall span.left {
    background: url('../images/gray_left_10x24.png') no-repeat top left;
}
span.button.graysmall span.right {
    background: url('../images/gray_right_10x24.png') no-repeat top right;
}
span.button.graysmall span.middle {
    background: url('../images/gray_100x24.png') repeat-x;
}


span.button.green span.left {
    height: 28px;
    background: url("../images/g3master_norep6.png") no-repeat -104px -160px;
    width: 10px
}
span.button.green span.right {
    height: 28px;    
    background: url("../images/g3master_norep6.png") no-repeat -104px -200px;
    width: 10px
}
span.button.green span.middle {
    height: 28px;    
    background: url("../images/g3master_repx4.png") repeat-x 0 -840px;
}
span.button.green input, span.button.green button {
    line-height: 28px !important;
    height: 28px !important;
}


span.button.greenbig span.left {
    height: 38px;
    width: 10px;
    background: url("../images/g3master_norep6.png") no-repeat -20px -270px
}
span.button.greenbig span.right {
    height: 38px;
    width: 10px;
    background: url("../images/g3master_norep6.png") no-repeat -40px -270px
}
span.button.greenbig span.middle {
    height: 38px;
    background: url("../images/g3master_repx4.png") repeat-x 0px -150px
}
span.button.big.green input, span.button.big.green button
{
    font: bold 11pt/28px Arial
}


span.button.greenbig input, span.button.greenbig button {
    height: 38px;
    font: bold 9pt Arial !important;
    line-height: 38px !important;
}
span.button.homepage input, span.button.homepage button {
    height: 38px;
    font: bold 17px Arial !important;
    line-height: 38px !important;
}
span.button.greenbig.twolines button  
{
    padding: 4px 0 4px 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    height: 38px !important;
}
span.button.greenbig.twolines button span 
{
    white-space: nowrap;
    display: block;
    overflow: hidden;
    padding: 0 !important;
    line-height: normal !important;
}




span.button.big input, span.button.big button
{
    font: bold 12px Arial;
    line-height: 28px;
}

span.button.big.smalltext input, span.button.big.smalltext button
{
    font: bold 12px Arial !important;
}

span.whiteinput {
    display:inline-block;
    display:-moz-inline-stack;
    zoom:1;
    display:inline;
    height: auto;
    background: url('../images/whiteinput2left_300x25.png') no-repeat;
}
span.whiteinput input, span.whiteinput button {
    border: solid 0px;
    background: url('../images/whiteinput2right_4x25.png') top right no-repeat;
    font: bold 11px Arial;
    color: #000000;
    height: 13px;
    line-height: 13px;
    width: 94%;
    width: auto;
    padding: 6px 6px 6px 6px;
    font: 11px Arial;
}

/*textbox & textarea & password*/

div.box.textbox .inputbox {width: 100%}
div.box.textbox .inputbox td {width: 4px !important; height: 4px; font-size: 1px; padding: 0}
div.box.textbox .inputbox .inner {width: auto !important; background-color: white; padding: 0 1px}
div.box.textbox .inputbox .in_tl {background-position: 0px -160px}
div.box.textbox .inputbox .in_tm {background-position: 0px -729px}
div.box.textbox .inputbox .in_tr {background-position: -1px -200px}
div.box.textbox .inputbox .in_ml {background-position: -209px 0px}
div.box.textbox .inputbox .in_mr {background-position: -236px 0px}
div.box.textbox .inputbox .in_bl {background-position: 0px -181px}
div.box.textbox .inputbox .in_bm {background-position: 0px -740px}
div.box.textbox .inputbox .in_br {background-position: -1px -221px}

div.box.textbox .inputbox .active .in_tl {background-position: 0px -320px}
div.box.textbox .inputbox .active .in_tm {background-position: 0px -790px}
div.box.textbox .inputbox .active .in_tr {background-position: 0px -360px}
div.box.textbox .inputbox .active .in_ml {background-position: -270px 0px}
div.box.textbox .inputbox .active .in_mr {background-position: -296px 0px}
div.box.textbox .inputbox .active .in_bl {background-position: 0px -340px}
div.box.textbox .inputbox .active .in_bm {background-position: 0px -800px}
div.box.textbox .inputbox .active .in_br {background-position: 0px -380px}

div.box.textbox textarea, div.box.textbox input {
    border: solid 0px;
    font: 12px Arial;
    color: #333333;
    background: none;
    padding: 2px 0;
    margin: 0 !important;
}
div.loginbox div.textbox input {
    background-color: #FFFFFF;
    height: auto;
    padding: 3px 0;
    margin: 0;
    border: none;
    width: 162px;
    font-size: 11px
}
div.box.textbox span.wmark 
{
    font: 11px Arial;
    line-height: 20px;
    position: absolute;
    z-index: 101;
    margin-top: 1px;
    cursor: text;
    background-color: #ffffff;
}
div.loginbox div.box.textbox span.wmark 
{
    font: 11px Arial;
    line-height: 20px;
    position: absolute;
    z-index: 101;
    cursor: text;
    color: black;
    background-color: white;
    position: absolute; top: 0px; left: 0px; 
    width: 161px
}
div.loginbox
{
    -overflow-x: hidden;
    -overflow-y: visible;
    -width: 168px;
}

/*loginbox mainpage*/
div.loginbox div.textbox {
    width: 172px; 
    -width: 168px; 
    height: auto;
    margin-bottom: 10px;
}


/* red rounded msg box, typically a required field msg */
div.box.validator .redmsgbox {width: 100%}
div.box.validator .redmsgbox td {font-size: 1px; padding: 0}
div.box.validator .redmsgbox .inner {background-color: #FFEBEB; font-size: 11px; font-weight: bold; line-height: normal; color: #D80808}
div.box.validator .redmsgbox .in_tl {background-position: -110px -320px; width: 4px !important}
div.box.validator .redmsgbox .in_tm {background-position: 0 -930px; height: 4px !important}
div.box.validator .redmsgbox .in_tr {background-position: -110px -360px; width: 4px !important}
div.box.validator .redmsgbox .in_ml {background-position: -310px 0; width: 4px !important}
div.box.validator .redmsgbox .in_mr {background-position: -320px 0; width: 4px !important}
div.box.validator .redmsgbox .in_bl {background-position: -110px -340px; width: 4px !important}
div.box.validator .redmsgbox .in_bm {background-position: 0 -940px; height: 4px !important}
div.box.validator .redmsgbox .in_br {background-position: -110px -380px; width: 4px !important}



div.box.textbox div.topcorners {
    height: 4px;
    padding-left: 4px;
    background: url('../images/tbtopleft_4x4.gif') top left no-repeat;
}
div.box.textbox div.topcorners div {
    height: 4px;
    padding-right: 4px;    
    background: url('../images/tbtopright_4x4.gif') top right no-repeat;
}
div.box.textbox div.topcorners div div {
    height: 4px;
    border: none;
    overflow: hidden;
    background: url('../images/tptop_100x4.gif') top right repeat-x;
}
div.box.textbox div.middle div.left {
    height: auto;
    border: none;
    padding: 0px 0px 0px 5px;
    background: url('../images/tbleft_4x100.gif') top left repeat-y;
    width: auto;
    float: none !important;
}
div.box.textbox div.middle div.left div.right {
    height: auto;
    border: none;
    padding: 0px 5px 0px 0px;
    background: url('../images/tbright_4x100.gif') top right repeat-y;
    width: auto;
    margin: -1px 0px;
    float: none !important;
}
div.box.textbox div.bottomcorners {
    height: 4px;
    padding-left: 4px;
    background: url('../images/tbbottomleft_4x4.gif') top left no-repeat;
}
div.box.textbox div.bottomcorners div {
    height: 4px;
    padding-right: 4px;
    background: url('../images/tbbottomright_4x4.gif') top right no-repeat;
}
div.box.textbox div.bottomcorners div div {
    height: 4px;
    border: none;
    overflow: hidden;
    background: url('../images/tbbottom_100x4.gif') repeat-x;
}
div.box.textbox div.middle div div input {
    background: #FFFFFF;
    padding: 4px 0px;
    margin: -1px 0px;
}

div.box.textbox.active div.topcorners {
    background: url('../images/tbtopaleft_4x4.gif') top left no-repeat;
}
div.box.textbox.active div.topcorners div {
    background: url('../images/tbtoparight_4x4.gif') top right no-repeat;
}
div.box.textbox.active div.topcorners div div {
    background: url('../images/tbtopa_100x4.gif') top right repeat-x;
}
div.box.textbox.active div.middle div.left {
    background: url('../images/tblefta_4x100.gif') top left repeat-y;
}
div.box.textbox.active div.middle div.left div.right {
    background: url('../images/tbrighta_4x100.gif') top right repeat-y;
}
div.box.textbox.active div.bottomcorners {
    background: url('../images/tbbottomaleft_4x4.gif') top left no-repeat;
}
div.box.textbox.active div.bottomcorners div {
    background: url('../images/tbbottomaright_4x4.gif') top right no-repeat;
}
div.box.textbox.active div.bottomcorners div div {
    background: url('../images/tbbottoma_100x4.gif') repeat-x;
}
div.box.textbox textarea 
{
    resize: none;	
    overflow-x: hidden;
    overflow-y: auto;
}








div.select div.left1 {
    width: 4px;
    height: 26px;
    background-position: -20px -80px;
    float: left;
    overflow: hidden;
}
div.select div.right1 {
    width: 4px;
    height: 26px;
    background-position: -40px -80px;
    float: left;
    overflow: hidden;
}
div.select div.middle {
    float: left;
    height: 26px; line-height: 26px;
    background-color: #F4F4F4;
    background-position: 0px 0px;
}
div.select ul {
    list-style-type: none; 
    padding: 0;
    margin: 0;

}
div.select ul li {
    display: block;
    cursor: pointer;
    /*position: relative; z-index: 103;*/
    float: left;
}
div.select ul li span.select {
    float: left;
    display: block;
    font: 12px/26px Arial;
    color: #333333;
    white-space: nowrap;
    outline: none;
    overflow: hidden;
}

div.select ul li span.select, x:-moz-any-link {
}
div.select ul li span.arrowcont {
    float: left;
    display: block;
    width: 20px; height: 22px;
    margin-top: 2px;
    border-left: 1px solid #d4d4d4;
}
div.select ul li span.arrow {
    display: block;
    font-size: 1px;
    width: 6px; height: 3px;
    display: inline;
    margin: 9px 0 0 8px;
    /*position: relative; top: 9px; left: 8px;*/
    background: url("../images/g3master_norep6.png") no-repeat -20px 0px;
}
div.select ul li a, div.select ul li a:visited {
    display: block;
    padding: 0;
}
div.select ul dl {
    display: none;
    position: absolute;
    padding: 0;
    margin: -1px 0 0 -4px;
    z-index: 104;
    color: #333333;
    background-color: #FAFAFA;
    border: 1px solid #DEDEDE;
}
div.select ul dl.open {
    display: block;
}
div.select ul dl.big {
    overflow-y: auto;
    overflow-x: hidden;
}
div.select ul dd {
    clear: left;
    margin: 0; 
    padding: 0; 
    text-align: left;
    margin-left: 1px;
    margin: 0px;
    width: 100%;
}
div.select ul dl.open dd.selected a
{	font-weight: bold;
}
div.select ul dd a, div.select ul dd a:visited {
    font: 12px Arial;
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 2px 9px 3px 9px;
    border-top: 1px dotted #E0E0E0;    

}
div.select ul dd.first a {
    border-top: none
}
div.select ul dd a:hover, div.select ul dl.open dd.hover a {
    background-color: #39A3D9;
    color: white !important;
}
div.select ul dl.open dd a
{	display: block;
}
div.pwdstrength {
    margin-top: -10px;
}
div.pwdstrength div {
    height: 4px;
    overflow: hidden;
}
div.pwdstrength div.text {
    font: 7pt Arial !important;
    color: #333333;
    height: auto;
    overflow: visible;
    position: relative;
}
div.pwdstrength div.left {
    width: 2px;
    background: url('../images/passgrayleft_2x4.gif') no-repeat;
    float: left;
}
div.pwdstrength div.middle {
    float: left;
    background-color: #cccccc;
}
div.pwdstrength div.right {
    width: 2px;
    background: url('../images/passgrayright_2x4.gif') no-repeat;
    float: right;
}
div.pagecontent div.pwdstrength div.right 
{
    padding-bottom: 0 !important;
}
div.pwdstrength div.right.blue {
    background: url('../images/passgreenright_2x4.gif') no-repeat;
}
div.pwdstrength div.left.blue {
    background: url('../images/passgreenleft_2x4.gif') no-repeat;
}
div.pwdstrength div.middle div {
    background-color: #87bf35;
    width: 0;
}

span.checkbox {
    display: inline-block;
    zoom: 1;
    display: inline;
    cursor: default;
    position: relative; z-index: 2;
    outline: none;
}
span.checkbox span.i {
    width: 14px; height: 14px;
    background: url("../images/g3master_norep6.png") no-repeat -20px -600px;
}
span.checkbox.checked span.i {
    background: url("../images/g3master_norep6.png") no-repeat -20px -580px;
}
span.checkbox label 
{
    line-height: normal;
}
span.checkbox, x:-moz-any-link 
{
    display:-moz-inline-block;
}


ul.radiobuttonlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.radiobuttonlist.horizontal li {
    display: inline;
    margin-right: 10px;
    outline: none;
}
ul.radiobuttonlist li a {
    display: inline-block;
    zoom: 1;
    display: inline;
    /*padding-left: 17px;*/
    cursor: default;
    color: #333333;
    font-weight: normal;
    outline: none;
    position: relative;  z-index: 1;
}
ul.radiobuttonlist li a span.i {
    width: 12px; height: 12px;
    position: relative; top: 1px;
    background: url("../images/g3master_norep6.png") no-repeat -20px -560px;
}
ul.radiobuttonlist li a.selected span.i {
    background: url("../images/g3master_norep6.png") no-repeat -20px -540px;
}
ul.radiobuttonlist li a:hover {
    color: #333333 !important;
}
ul.radiobuttonlist li a, x:-moz-any-link, x:default {
    outline: none !important;
}
ul.radiobuttonlist li a, x:-moz-any-link {
    /*display: -moz-inline-block;*/
    outline: none;
}
ul.radiobuttonlist li a.selected.out {
    outline: none !important;
}
ul.radiobuttonlist li a.selected {
    outline: none;
}
/*
titles
----------------------------
*/
.title_blue {
    font: 24px Arial;
    color:  #0088CE;
    display: block;
    margin: 13px 0px;
}
/*
promo main page
----------------------------
*/
div.promomain {
    padding-top: 8px;
    font: 9pt Arial;
    line-height: 16pt;
    color: #333333;
}
div.promomain#promomain {
    padding: 17px 0px 17px 0px;
    -padding: 8px 0px 17px 0px;
}
div.promomain div.left {
    width: 409px;
    float: left !important;
    padding: 0px 35px;
}
div.promomain div.right {
    width: 402px;
    float: right !important;
    padding: 0px 35px !important;
}
div.pagecontent div.promomain div.left 
{
    width: 402px;
}
/*
promo top
----------------------------
*/
div.promotop {
    width: 958px;
    height: 280px;
}
div.promotop div.left {
    width: 759px;
    height: 280px;
    float: left;
}
div.promotop div.left div.flashcontent {
    padding: 21px 28px;
}
div.flashcontent span.title {
    font-size: 24px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    font-weight: bold;
    color: #e6e7e8;
}
div.flashcontent div.subtitle {
    font-size: 14px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    font-weight: bold;
    color: #cdcdcf;
    white-space: nowrap;
    margin-top: 5px;
}
div.flashcontent div.top {
    height: 130px;
}
div.flashcontent div.bottom img {
    margin-right: 4px
}
div.flashcontent div.bottom a {
    font: bold 12px Arial;
    color: #66bcff;
}
div.flashcontent div.bottom a:hover {
    color: #8accff !important;
}
div.flashcontent span.greenbutton input {
    text-transform: uppercase;
}
div.promotop div.right {
    width: 199px;
    height: 280px;
    float: right;
}
div.promotop div.flashover 
{
    width: 958px;
    height: 280px;
    position: absolute;
    z-index: 20;
    margin-top: -280px;
}
div.promotop div.mainflash 
{
    height: 280px;
    width: 958px;
    background: url('../images/theworld_map.jpg') no-repeat;
}
div#loginboxbg
{
    background-position: 0px 0px;
    -behavior: url('../css/iepngfix.htc');
}
div.promotop div#loginbox 
{
    position: relative;    
    -z-index: 22;
}

/*  main page footer icos
----------------------------  */

.grbox {width: 100%}
.grbox td {width: 3px; height: 3px; padding: 0}
.grbox .inner {background-color: #EDEDED; width: auto}
.grbox .gr_tl {background-position: 0px -140px}
.grbox .gr_tm {background-position: 0px -760px; width: auto}
.grbox .gr_tr {background-position: 0px -100px}
.grbox .gr_ml {background-position: -250px 0px}
.grbox .gr_mr {background-position: -260px 0px}
.grbox .gr_bl {background-position: 0px -120px}
.grbox .gr_bm {background-position: 0px -770px; width: auto}
.grbox .gr_br {background-position: 0px -80px}

div.box.homebanners {
    margin: 17px 35px 31px 35px;    
}
div.grayicos {
    float: left;
    width: 219px;
    font: bold 10pt Arial;
    letter-spacing: -1px;
    color: #1e7ecc;
    line-height: 54px;
    white-space: nowrap;
    border-right: 1px solid #cccccc;
    overflow: hidden;
}
div.grayicos.last
{
    border-right: none;
}
div.grayicosbig {
    float: left;
    width: 293px;
    font: bold 10pt Arial;
    letter-spacing: -1px;
    color: #1e7ecc;
    line-height: 54px;
    white-space: nowrap;
    border-right: 1px solid #cccccc;
    overflow: hidden;
}
div.grayicosbig.last
{
    border-right: none;
}
.footerico {
    font-size: 16px; position: relative; top: 1px; padding-left: 12px
}
/*
loginbox
----------------------------
*/
div.loginbox {
    color: #FFFFFF;
    padding: 16px 15px 0px 15px;
}
div.loginbox span {
    font: bold 12pt Arial;
}
div.loginbox h2 {
    font-size: 18px;
    margin: 0 0 5px 0 !important;
}
div.loginbox h2.logintext {
    margin: 0px 0px 9px 0px !important;
    font: normal 12pt "Arial Narrow", Arial, Tahoma, sans-serif;
    color: #333333
}
div.loginbox h2.logintext.white {
    color: white;
}
div.loginbox h2.sIFR-replaced.logintext 
{
    margin: 0 0 5px 0 !important;
}
div.loginbox span input
{
    font: bold 11px Arial;
}
div.loginbox span.button button
{
    font-size: 11px;
}
div.loginbox a {
    color: #FFFFFF;
}
div.loginbox ul {
    padding:0;
    margin: 12px 0px 0px 0px;
    list-style-type: none !important;
}
div.loginbox ul li 
{
    line-height: 15px;
}
div.loginbox ul li img {
    margin: 0px 0px 0px 0px;
}
div.loginbox ul li a {
    color: #66bcff;
    font: bold 12px Arial;
    text-decoration: none;
}
div.loginbox ul li a:hover {
    color: #8accff !important;
}
div.loginbox ul li img {
    width: 7px;
    height: 14px;
    margin-bottom: 1px;
    background: url('../images/link_arrow.gif') no-repeat left 8px;
}
div.loginbox div.middle input 
{
    -width: 158px;
}
div.loginbox div.whitebox div.middle input 
{
    -width: auto;
}
div.loginbox div.whitebox div.middle div img {
    background: url('../images/arrow_right_3x6.gif') no-repeat;
    margin-right: 2px;
}
div.loginbox div.whitebox div.middle div, div.loginbox div.whitebox div.middle div a {
    color: #33baff;
    font: bold 11px Arial;
}
div.loginbox div.whitebox div.middle div div {
    font: 11px Arial;
    color: #999a9b;
    background: url(../images/leftmenusepa_164x1.png) repeat-x left bottom;
    padding: 5px; padding-right: 0;
    margin-bottom: 5px;
    overflow: hidden; text-overflow: ellipsis; width: 145px
}
div.loginbox div.whitebox div.middle span.bluebutton {
    background: url('../images/bluebutton2left_300x24.png') no-repeat;
}
div.loginbox div.whitebox div.middle span.bluebutton input {
    background: url('../images/bluebutton2right_4x24.png') top right no-repeat;
}
div.loginbox div.whitebox div.middle span {
    line-height: normal;
}


div.loginbox.small {
    padding: 0px 8px 0px 0px;
    text-align: right;
    width: auto; 
}
div.loginbox.small, div.loginbox.small a {
    color: #333333 !important;
}
div.loginbox.small a {
    text-decoration: underline !important;
}
/*
tabpanel
----------------------------
*/
div.tabpanel {
    font: 9pt Arial;
    line-height: 16px;
}
div.tabpanel a {
    color: #1e88cc;
    text-decoration: none;
    font: bold 11px Arial;
}
div.tabpanel div.tabpanel_header {
    position: relative;
    top: 4px;
    zoom: 1;
    z-index: 2;
}
div.tabpanel span.tableft, div.tabpanel span.tabright {
    float: left; 
    height: 36px; line-height: 36px;
    width: 9px; font-size: 9px;
    background: none;
    cursor: pointer;
    overflow: hidden;
}
div.tabpanel span.tabitem.first span.tableft {
    width: 5px;
}
div.tabpanel span.tabitem.active span.tableft {
    background: url("../images/g3master_norep6.png") no-repeat -30px -180px;
}
div.tabpanel span.tabitem.active.first span.tableft {
    background: url("../images/g3master_norep6.png") no-repeat -20px -180px;
}
div.tabpanel span.tabitem.active span.tabright {
    background: url("../images/g3master_norep6.png") no-repeat -40px -180px;
}
div.tabpanel span.tabitem.inact span.tableft {
    background: none;
}
div.tabpanel div.tabpanel_header a {
    text-transform: uppercase;
    height: 26px;
    line-height: normal;
    padding: 9px 3px 0px 3px;
    display: block;
    float: left;
    text-align: center;
    border-top: 1px solid white;
    color: #1e88cc !important;
}
div.tabpanel span.tabitem.active a {
    color: #333333 !important;
    background-color: #EFEFEF !important;
    border-top: 1px solid #E2E5E7;
}
div.tabpanel span.tabitem.multiline a {
    line-height: 12px !important;
    padding: 4px 5px 5px 5px;
}
div.tabpanel img.arrow {
    vertical-align: middle;
    background: url('../images/arrow_right_w_3x6.png') no-repeat 50% 50%;
}
div.tabpanel div.arrow {
    background: url('../images/arrow_right_w_3x6.png') no-repeat left;
    padding-left: 10px;
}
div.tabpanel div.tabcontent {
    background-color: #EFEFEF;
    border: 1px solid #E2E5E7;
}
div.tabpanel div.tabcontent div.topleft, div.tabpanel div.tabcontent div.topright, 
div.tabpanel div.tabcontent div.botleft, div.tabpanel div.tabcontent div.botright
{
    float: left; 
    width: 4px; height: 4px; font-size: 3px; line-height: 4px; padding: 0px;
    background: url("../images/g3master_norep6.png") no-repeat 0 0;
}
div.tabpanel div.tabcontent div.topleft {
    background-position: 0 -300px;
    position: relative; top: -1px; left: -1px; z-index: 1;
}
div.tabpanel div.tabcontent div.topright{
    float: right;
    background-position: 0 -260px;
    position: relative; top: -1px; left: 1px; z-index: 1;
}
div.tabpanel div.tabcontent div.botleft {
    background-position: 0 -280px;
    position: relative; top: 1px; left: -1px; z-index: 1;
}
div.tabpanel div.tabcontent div.botright {
    float: right;
    background-position: 0 -240px;
    position: relative; top: 1px; left: 1px; z-index: 1;
}
div.tabpanel div.tabcontent div.tab {
    display: none;
    color: #333333;
    padding: 0px 14px;
}
div.tabpanel div.tabcontent div.tab.active {
    display: block
}
div.tabpanel div.tabcontent div.tab div.tabpad
{
    zoom: 1; 
    padding: 8px 0px;
}
div.tabpanel div.tabcontent div.tab a {
    font: bold 9pt Arial;
}
div.tabpanel div.tabcontent div.tab p 
{
    margin:0;
    padding: 0;
}
div.tabpanel div.tabcontent div.cornersbottom {
    height: 4px;
    background: url('../images/tabbottleft_4x4.png') top left no-repeat;
    padding: 0px 0px 0px 4px;
}
div.tabpanel div.tabcontent div.cornersbottom div {
    height: 4px;
    background: url('../images/tabbottright_4x4.png') top right no-repeat;
    padding: 0px 4px 0px 0px;
}
div.tabpanel div.tabcontent div.cornersbottom div div {
    border-bottom: 1px solid #e2e5e7;
    height: 3px;
    background:none;
    padding:0;
    background-color: #efefef;
    overflow: hidden;
}
div.tabpanel div.tabcontent div.corners {
    height: 4px;
    background: #efefef url('../images/tabtopleft_4x4.png') no-repeat top left;
    padding: 0px 0px 0px 4px;
}
div.tabpanel div.tabcontent div.corners div {
    height: 4px;
    background: url('../images/tabtopright_4x4.png') no-repeat top right;
    padding: 0px 4px 0px 0px;
}
div.tabpanel div.tabcontent div.corners div div {
    border-top: 1px solid #e2e5e7;
    height: 4px;
    background: none;
    padding: 0;    
    overflow: hidden;
}
div.tabpanel div.tabcontent li, div.tabpanel div.tabcontent li a 
{
    background-color: #efefef;
}
div#promomain div.tabpanel div.tabcontent li, div#promomain div.tabpanel div.tabcontent li a 
{
    height: 20px !important;
    line-height: 20px !important;
}
div#promomain div.tabpanel div.tabcontent li, div#promomain div.tabpanel div.tabcontent li
{
    white-space: nowrap;
}
div.tabpanel ul {
    list-style-type: none !important;
    padding: 0px;
    margin: 0px;
}

div.bluetri_hp {float: left; background-position: -20px -40px; margin: 4px 4px 0px 0px; line-height: normal}
div.bluetri_tp {background-position: -20px -60px; padding-right: 5px; display: inline; position: relative; top: 5px}
div.bluetri_lp {background-position: -20px -40px; padding-right: 4px; display: inline; position: relative; top: 5px}

div.tabpanel ul img {
    position: relative;
    top: -1px;
    margin: 0px 5px 0px 0px;
}
div.tabpanel div.tab ul li a 
{
    font: bold 12px Arial !important;    
}

div.tabpanel ul.dotted {
    list-style-type: disc !important;
    margin: 0px 26px;
    font: 9pt Arial !important;
}
div.tabpanel ul.dotted li {
    margin: 5px 0 5px 0;
    line-height: 15px;
}
div.tabpanel div.tab ul.dotted li a 
{
    font: bold 9pt Arial !important;
}
ul.list_element_padding_12 li
{
    padding-bottom: 12px;
}
/*
news
----------------------------
*/
div.box.newsbox {
    padding: 3px 35px;
    margin: 7px auto 7px auto;
    font: 11px Arial;
}
div.news span {
    font: bold 11px Arial;
    color: #1e88cc;
    padding-right: 9px;
    margin-right: 9px;
    border-right: 1px solid #e5e5e5;
}
div.news dl.newsticker {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}
div.news dl.newsticker dd {
    display: none;
}
div.news dl.newsticker dt a, div.news dl.newsticker dt {
    display: inline;
    background-color: #FFFFFF;
}
div.news dl.newsticker dt a strong 
{
    color: #333333;
    font-weight: normal;
}
/*
registration
----------------------------
*/
table.registration {
    margin: 0px;
    width: 570px;
}
table.registration.shareyourstory {
    margin: 0px;
    width: 743px;
}
table.registration.shareyourstory td {
    width: 190px !important;
}
table.registration.landingV, table.registration.landingH {
    margin: 0 auto;
    padding: 0px 3px;
}
table.registration td {
    padding: 5px 0px;
    vertical-align: middle;
    font: 12px Arial;
    padding-right: 5px;    
}
table.registration td label {
    line-height:16px;
}
table.registration td.top 
{
    vertical-align: top;
}
table.registration td.three  {
    padding:5px 0px;
    width: 100%;
}
table.registration td.submit 
{
    height: 57px !important;
}
table.registration td.submit2
{
    padding-top: 25px;
}
table.registration td.validator {
    height: auto;
    padding: 4px 0px 0px 0px;
}
table.registration td div.box {
    margin: 0;
}
table.registration td span.validator {
    position: relative;
    left: 3px;
    top: 1px;
    font: bold 11px Arial !important;
    color: #d80808 !important;
}
table.registration td div.validator.top {
    margin-bottom: 10px;
}
table.registration td span.validator div.left {
    padding: 3px 0px 3px 5px;
}
table.registration td span.validator div.right {
    padding-right: 5px;
    font: bold 11px Arial;
    color: #000000;
}
table.registration td div.textbox input {
    padding: 3px 0px 3px 0px;
}
table.registration td.col {
    width: 220px !important;
    vertical-align: middle;
    padding-right: 0;
}
table.registration td.col2 {
    width: 220px !important;
    vertical-align: middle;
    padding-right: 0;
}
table.shareyourstory td.col2 {
    width: auto !important;
    vertical-align: middle;
    padding-right: 0;
    padding-left: 10px;
}
table.registration td.top 
{
    vertical-align: top !important;
}
table.registration td span.step2
{
    font: 11px Arial;    
}
table.registration ul.radiobuttonlist li 
{
    white-space: nowrap;
}
table.registration.landingH td {
    padding: 3px 0px;
    height: auto;
    width: auto !important;
}
table.registration.landingV td {
    width: auto !important;
    padding: 3px;
}
table.registration.landingH 
{
    width: 486px;
}
table.registration.landingH tr.opt td 
{
    vertical-align: top;
}
table.registration.landingH tr.contbtn td 
{
    height: 57px;
    vertical-align: middle;
}
table.registration.landingV tr.contbtn td 
{
    height: 57px;
    vertical-align: middle;
}
table.registration.landingH span.small, table.registration.landingH ul.radiobuttonlist, table.registration.landingV span.small, table.registration.landingV ul.radiobuttonlist
{
    font: 11px Arial;
}
table.registration.landingH ul.radiobuttonlist li a, table.registration.landingV ul.radiobuttonlist li a
{
    line-height: 22px;
}
table.registration.landingH td {
    width: 240px !important;
}
table.registration.landingH td.col {
    width: 240px !important;
}
table.registration.landingH td.validator 
{
    width: 100% !important;
}
table.registration.landingH td.col2 {
    padding: 3px 0px 3px 3px;
}
table.registration.landingV
{
    width: auto;
}

table.registration.landingH span.checkbox label, table.registration.landingV span.checkbox label 
{
    font: 11px Arial;
}

table.registration.landingH td span.small, table.registration.landingV td span.small
{
    display: block;
    margin-bottom: -5px;
}
table.registration.landingH td span.small, table.registration.landingH td span.small a, table.registration.landingV td span.small, table.registration.landingV td span.small a
{
    width: 100%;
    font: 10px Arial;
    line-height: 12px;
    padding-left: 5px;
}
table.registration.landingH td span.small a, table.registration.landingV td span.small a
{
    padding: 0;
}
table.registration.landingV td hr
{
    background-color:#CBCBCB;
    border:0 solid #F9F9F9;
    height:1px;
}
table.registration.landingH.step2 span.small, table.registration.landingH.step2 span.checkbox label
{
    font: 9pt Arial;
}
table.registration.landingV.step2 span.small, table.registration.landingV.step2 span.checkbox label
{
    font: 8pt Arial;
}
table.registration.landingH span.note.login, table.registration.landingV span.note.login
{
    margin-right: 2px;
    font-size: 11px;
}
table.registration.landingV span.note.login
{
    width: 130px;
    float: right;
    text-align: right;
}

/*
new reg form
*/
table.grayreg 
{
    margin: 0;
    width: 738px;
    border-collapse: collapse;
    color: #3d3d3d;
}
table.grayreg td
{
    padding: 0;
}
table.grayreg td.graytopleft
{
    background: url("../images/g3master_norep6.png") no-repeat -20px -460px;
    width: 4px; height: 4px;
}
table.grayreg td.graytop
{
    background: url("../images/g3master_repx4.png") repeat-x 0 -910px;
}
table.grayreg td.graytopright
{
    height: 4px; width: 4px; line-height: 3px;
    background: url("../images/g3master_norep6.png") no-repeat -20px -500px;
}
table.grayreg td.graybottomleft
{
    background: url("../images/g3master_norep6.png") no-repeat -20px -480px;
    width: 4px; height: 4px;
}
table.grayreg td.graybottom
{
    background: url("../images/g3master_repx4.png") repeat-x 0 -920px;
}
table.grayreg td.graybottomright
{
    background: url("../images/g3master_norep6.png") no-repeat -20px -520px;
    width: 4px; height: 4px;
}
table.grayreg td.grayleft
{
    background: url("../images/g3master_repy2.png") repeat-y -350px 0;
}
table.grayreg td.grayright
{
    background: url("../images/g3master_repy2.png") repeat-y -360px 0;
}
table.grayreg td.gray
{
    background-color: #efefef;
    padding: 5px 11px;
    width: 167px;
}
table.grayreg tr.first td.gray
{
    padding: 11px 11px 5px 11px;
}
table.grayreg tr.first td.graywhite
{
    padding-top: 5px;
}
table.grayreg tr.last td.gray
{
    padding: 5px 11px 11px 11px;
}
table.grayreg tr.last td.graywhite
{
    padding-bottom: 5px;
}
table.grayreg td.gray.fields
{
    width: 300px;
}
table.grayreg td.gray.fields span.small
{
    display: block;
}
table.grayreg td.gray.fields span.small, table.grayreg td.gray.fields span.small a
{
    width: 100%;
    font: 10px Arial;
    line-height: 12px;
    line-height: 10px !important;
    padding-left: 5px;
}
table.grayreg td.gray.fields span.small a
{
    padding: 0;
}
table.grayreg td.gray.fields div.box.textbox
{
    float: left;
}
table.grayreg td.gray.full
{
    width: 489px;
}
table.grayreg td.gray.small, table.grayreg td.gray.small span.text
{
    font: 11px Arial;
}
table.grayreg td.gray.small span.text a
{
    font: bold 11px Arial;
}
table.grayreg td.gray.small span.checkbox label
{
    line-height: 15px !important;
}
table.grayreg td.graywhite
{
    background-color: #fff;
    width: 221px;
}
table.grayreg td hr
{
    height: 1px;
    border: none;
    color: #cbcbcb;
    background-color: #cbcbcb;
    border: 0px solid #f9f9f9;
}
table.grayreg td.col
{
    width: 738px;
}
table.grayreg td.gray.submit
{
    text-align: center;
}
table.grayreg td.graywhite span.validator.red div.box.validator.red
{
    margin-left: 16px;
}
table.grayreg td object
{
    width: 100%;
}
table.grayreg td span.addcentral
{
    margin-top: 8px;
}

table.ccexpired span.checkbox
{
    outline: none;
}
/*
set sifr fallbacks and margins here
*/
h1.sIFR-replaced 
{
    margin: 17px 0px -4px 0px;   
}
div.box.popup h1.sIFR-replaced object, div.box.popup h2.sIFR-replaced object
{
    position: relative;
    z-index: 999;
}
h2.sIFR-replaced
{
    margin: 20px 0 -3px;
    margin: 20px 0 -10px;
}
h1.blue
{
    color: #0088ce;
    font-size: 24px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    font-weight: normal;
}
h1.blue a
{
    font-weight: normal;
}

h1.blue.mainpage 
{
    margin: 15px 0px 17px 0px;
}
h1.blue.mainpage.sIFR-replaced 
{
    margin: 15px 0px 10px 0px;
}
h1.top 
{
    margin: 5px 0px 15px 0px;
    padding: 0px;
}
h1.top.sIFR-replaced
{
    margin: 8px 0px -4px 0px;
}
h1.title, h1.title.sIFR-replaced {
    font: 22px Arial;
    line-height: 28px;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
h1.subtitle, h1.subtitle.sIFR-replaced {
    font-weight: bold;
    font-size: 14px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    color: #CDCDCF;
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
}
h2.landingh {
    font-size: 20px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    font-weight: normal;
    line-height: 24px;
    color: black;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}
h2.nopad {
    font-size: 20px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    font-weight: normal;
    color: black;
    margin: 0px;
    padding: 0px;
}
h2.supportheader {
    margin: 0px 0px 15px 0px !important;
    line-height: normal !important;
}
h1.landingh1
{
    font-size: 20px;
    font-family: "Arial Narrow", Arial, Tahoma, sans-serif;
    font-weight: normal;
    line-height: 24px;
    color: Black;
    margin: 10px 0px 0px 0px;
    padding: 0;
}
h2 a
{
    font-weight: normal;
}

table.registration h1.top 
{
    margin: 0px 0px 15px 0px;
}
table.registration h1.top.sIFR-replaced
{
    margin: 3px 0px 8px 0px;
}
table.login_pw_pg div.box 
{
    margin: 0;    
}

div.bannerpadding 
{
    padding-bottom: 14px;
}
div.pmargin
{
    margin-top: 16px;
}
table.pmargin
{
    margin-top: 16px;
}
div.nodeslist
{
    font: 8pt Arial;
    color: #000;
}
div.navbar 
{
    background: url("../images/g3master_repx4.png") repeat-x 0 -810px;
}

/*   MASTER SPRITES Begin   */
.s_nr {background: url("../images/g3master_norep6.png") no-repeat 0 0}  /* s_nr stands for Sprite No-Repeat */
.s_rx {background: url("../images/g3master_repx4.png") repeat-x 0 0}    /* s_rx stands for Sprite Repeat-X */
.s_ry {background: url("../images/g3master_repy2.png") repeat-y 0 0}    /* s_ry stands for Sprite Repeat-Y */
/*   MASTER SPRITES End   */

.intxterror {font-weight: 800; color: #FF0000}  /* Error messages in classic ASP */